<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			ul{
				width: 500px;
				margin: 200px auto;
			}
			li{
				width: 100%;
				height: 50px;
			}
		</style>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				var li = $("li");
				var li_odd = $("li:odd");
				var li_even = $("li:even");
				li_odd.css("background","red");
				li_even.css("background","green");
				li.eq(1).css("background","yellow");
				li_0 = $("li:eq(0)");
				li_0.css("background","gray");
			})
		</script>
	</head>
	<body>
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
	</body>
</html>
